<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@taglib uri="/struts-tags" prefix="s"%>
    <%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<link href="/passeport-animalier/css/main.css" rel="stylesheet" type="text/css"/>
	<title><s:text name="espace.administrareur"/> </title>
	<sj:head jquerytheme="vader" />
</head>
<body>
	<jsp:include page="../layout/navigation_bar.jsp"/>
	<jsp:include page="../layout/header.jsp"/>
	<div class="wrapper">
		<jsp:include page="../layout/menu.jsp"/>
		<div class="content">
			<div class="title">
				<h5> <s:text name="menu.rh.nouveau_veternaire"/> </h5>
			</div>
			<div class="widget first" >
				<div class="head">
				     <h5 class="iList"> <s:text name="form.creation"/> </h5>
			    </div>
			    <div class="body">
			       <div class="widget first" style="width: 60%;" >
			    	<s:form action="v_nouveau_veternaire"  namespace="/admin" cssClass="mainForm" method="post" theme="simple"  >
			    			<div class="rowElem">
								<label> <s:text name="presonne.nom"/> </label>
								<div class="formRight">
								<input type="text" value="${veterinaire.nom}" name="veterinaire.nom">
								<span class="field_error"> <s:property value="errors['veterinaire.nom']"/> </span>
								</div>
								<div class="fix"></div>
							</div>
			    			<div class="rowElem">
								<label> <s:text name="presonne.prenom"/> </label>
								<div class="formRight">
								<input type="text" value="${veterinaire.prenom}" name="veterinaire.prenom">
								<span class="field_error"> <s:property value="errors['veterinaire.nom']"/> </span>
								</div>
								<div class="fix"></div>
							</div>
							<div class="rowElem">
								<label> <s:text name="presonne.dateNaissance"/> </label>
								<div class="formRight">
								<%-- <input type="text" value="${veterinaire.dateNaissance}" name="veterinaire.dateNaissance"> --%>
								
								<sj:datepicker id="date0" label="Select a Date" displayFormat="dd/mm/yy" name="dateNaissance" cssStyle="width:80%;margin-right:4px;" buttonImage="/passeport-animalier/images/icons/color/calendar-day-10.png" disabled="true" />
								</div>
								<div class="fix"></div>
							</div>
							<div class="rowElem">
								<label> <s:text name="presonne.telephone"/> </label>
								<div class="formRight">
								<input type="text" value="${veterinaire.telephone}" name="veterinaire.telephone">
								</div>
								<div class="fix"></div>
							</div>
							<div class="rowElem">
								<label> <s:text name="presonne.email"/> </label>
								<div class="formRight">
								<input type="text" value="${veterinaire.compte.email}" name="veterinaire.compte.email">
								</div>
								<div class="fix"></div>
							</div>
							<div class="rowElem">
								<label> <s:text name="veterinaire.salaire"/> </label>
								<div class="formRight">
								<input type="text" value="" name="">
								</div>
								<div class="fix"></div>
							</div>
							<div class="rowElem">
								<label> <s:text name="veterinaire.diplome"/> </label>
								<div class="formRight">
								<input type="text" value="" name="">
								</div>
								<div class="fix"></div>
							</div>
							<div class="rowElem">
								<label><s:text name="betail.type"/> </label>
								<div class="formRight">
									<div class="selector" id="uniform-undefined">
										<span style="-moz-user-select: none;" id="span"> <s:property value=""/> </span>
										<s:select list="typesBetail" name="typeBetail" cssStyle="opacity:0;" id="select" onclick="change();"/>
										<script type="text/javascript">
										   var selectElmt = document.getElementById("select");
										   var span = document.getElementById("span");
										   span.innerHTML=selectElmt.options[0].text;
											function change(){
												var textselectionne = selectElmt.options[selectElmt.selectedIndex].text;
												span.innerHTML=textselectionne;
												
											}
										</script>
									</div>
								</div>
							</div>
							<div class="rowElem">
								<s:submit cssClass="greyishBtn submitForm" value="%{getText('form.save')}"/>
							</div>
							<div class="fix"></div>
							
			    	</s:form>
			    </div>
			   </div> 
		    </div>
	    </div>
	</div>
	<jsp:include page="../layout/footer.jsp"/>
</body>
</html>